$(function () {
    // 使用layui的layer提示效果
    layui.use('layer', function () {
        // 点击登录按钮实现登录
        $('.sub').click(async function (e) {
            // 阻止默认提交行为
            e.preventDefault()
            // 接收表单数据
            const admin_name = $('[name=admin_name]').val().trim();
            const admin_password = $('[name=admin_password]').val().trim();
            // 数据验证
            if (admin_name === '') {
                return layer.msg('用户名为空', {
                    icon: 5,
                    time:2000
                })
            }
            if (admin_password === '') {
                return layer.msg('密码为空', {
                    icon: 5,
                    time:2000
                })
            }
            $('.error').html('');

            // 接收7天免登录的状态
            const login7 = $('[name=login7]').prop('checked') ? 1 : 0;
            // 验证用户名和密码是否正确
            const {
                data: res
            } = await axios.post('/login', {
                admin_name,
                admin_password,
                login7
            })
            if (res.status !== 200) {
                return layer.msg('登录失败,用户名或者密码不正确', {
                    icon: 5,
                    time: 2000
                })
            }
            layer.msg('登录成功', {
                icon: 6,
                time: 1000
            }, function () {
                // 跳转到后台首页
                location.href = '/'
            })
        })

    })

})